<!-- <div class="blade-content __large-wide" id="blade-content">
  <div class="blade-inner">
    <div class="inner-block">
      <div class="tag-map">
        <span class="tag" *ngFor="let tagStatus of tubExpers?.tagStatusVOList"><span>{{tagStatus.tagName}}({{tagStatus.tagStateMark}})</span>
        <input type="text" value="1"></span>
      </div>

      <div class="main">
        <ul class="tab">
          <li *ngFor="let turStatus of turbStatuses" (click)="showExper(turStatus)">{{turStatus.statusName}}</li>
        </ul>
        <div class="content">
           <form name="form" class="form" (submit)="onCreate()" [formGroup]="formGroup" novalidate>
            <p>状态表达式：</p>
            <div class="exper form-group">
              <textarea cols="30" rows="5" id="exper" name="exper" placeholder="输入风场简介" class="form-control" formControlName="exper">{{exper}}</textarea>
            </div>
          </form> 
          <form name="form" class="form" (submit)="onCreate()" [formGroup]="formGroup" novalidate>
            <div class="form-group">
              <label class="form-label">状态表达式：</label>
              <div class="form-input">
                <textarea cols="30" rows="5" id="exper" name="exper" placeholder="输入风场简介" class="form-control" formControlName="exper">{{exper}}</textarea>
              </div>
              <div *ngIf="formErrors.introduce" class="form-error">
                {{ formErrors.introduce }}
              </div>
            </div>
          </form>

          <p>结果：</p>
          <div class="result">
            <textarea cols="30" rows="5"></textarea>
          </div>


        </div>
        <div class="clear"></div>
      </div>

      <div class="footer">
        <p>语法：</p>
        <div>
          <pre>
注意：测点的标识在表达式中以@?#的方式出现(例如测点标识A在表达式中以@A#代替)
表达式处理结果会返回一个值。
支持操作数：int、double、bool、datetime、string
支持操作符：(、)、+、-、*、/、%、+正、-负、<、>、=、<>、<=、>=
支持关键字：IF、AND、OR、NOT、TRUE、FALSE、ToString、ToDateTime、ToInt、ToDouble、Len、NowDate
关键字说明：IF：if(JudgeExpression,FirstExpression,SecondExpression)JudgeExpression为true返回FirstExpression否则 返回SecondExpression
           AND：and(JudgeExpression,JudgeExpression,......) 所有JudgeExpression表达式为true 返回 true否则返回 false
           OR：or(JudgeExpression,JudgeExpression,......) yige JudgeExpression表达式为true 返回true 否则 返回 false
           Not：not(JudgeExpression) JudgeExpression表达式为 true 返回 false 否则 返回 true
           TRUE：true() 返回true FALSE：false() 返回 false
           NowDate：nowdate() 返回当前时间 datetime类型 Len：Len(Expression) 返回值长度int类型
           ToInt：ToInt(Expression) 值转换 返回int类型 ToDouble：ToDouble(Expression)值转换 返回 double类型
           ToDateTime：ToDateTime(Expression) 值转换 返回 datetime类型
           ToString：ToString(Expression)|ToString(DateTime,Formatstring) 值转换 返回 string类型
          </pre>
        </div>
      </div>

    </div>
  </div>
</div> -->




<div class="blade-content __large-wide" id="blade-content">
  <div class="blade-inner">
    <div class="inner-block">
      <div class="table-wrapper">
        <table class="table">
          <thead>
            <tr>
              <th class="table-col">
                <label class="form-control __checkbox">
                        <input (click)="onAllCheack($event.target)" #allCheckRef name="allCheck"  id="allCheck" type="checkbox">
                      <span class="check"></span>
               </label>
              </th>
              <th class="table-col">序号</th>
              <th class="table-col">状态名称</th>            
              <th class="table-col">表达式</th>
              
            </tr>
          </thead>
          <tbody>
              <tr class="table-item" title='{{item.menuName}}' [ngClass]="{'__selected': currentEntity?.statusId == item.statusId}" *ngFor="let item of turbStatusExprs let i =index ">
              <td class="table-col">
                <label class="form-control __checkbox">
                    <input (click)="onItemCheack($event.target,item)" type="checkbox"  [checked]="allCheckRef.checked">
                      <span class="check"></span>
                </label>
              </td>
              <td class="table-col" (click)="onSeletedChange(item)">
                {{i+1}}
              </td>
              <td class="table-col" (click)="onSeletedChange(item)">
                <span class="table-t" (click)="onSeletedChange(item)"> {{item.statusName}}</span>
              </td>
              <!-- <td class="table-col" (click)="onSeletedChange(item)">
                <span class="table-t" (click)="onSeletedChange(item)"> {{item.statusColor}}</span>
              </td> -->
              <td class="table-col" (click)="onSeletedChange(item)">
                <span class="table-t" (click)="onSeletedChange(item)"> {{item.expr}}</span>
              </td>
                        
            </tr>  
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>